<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">

<header class="padding-top-10">
	<div class="logo right-floated">
		<img src="/TAKWEEN/resources/images/logo.jpg" />
	</div>
	<div class="left-floated">
		<div class="social-media-icons">
			<a href="http://www.facebook.com" target="_blank">
				<p:graphicImage value="/resources/images/facebook-icon.png"
					width="25px" height="25px" />
			</a>
			&#160;
			<a href="http://www.youtube.com" target="_blank">
				<p:graphicImage value="/resources/images/youtube-icon.png"
					width="25px" height="25px" />
			</a>
			&#160;
			<a href="http://www.twitter.com" target="_blank">
				<p:graphicImage value="/resources/images/twitter-icon.png"
					width="25px" height="25px" />
			</a>
		</div>
	</div>
	<div class="float-clear"></div>

	<div class="menu-container">
		<ul id="menu_bar" class="dropdown-menu"
			data-options='{"sub_indicators":"true","drop_shadows":"false"}'>
			<c:forEach items="#{appBean.menu.items}" var="item1">
				<c:choose>
					<c:when test="${item1.leaf}">
						<li><p:commandLink value="${item1.title}"
								action="#{appSessionBean.openPage}">
								<f:param name="PAGE_ID" value="${item1.pageId}" />
							</p:commandLink></li>
					</c:when>
					<c:otherwise>
						<li><p:commandLink value="${item1.title}" />
							<ul>
								<c:forEach items="${item1.menuItems}" var="item2">
									<c:choose>
										<c:when test="${item2.leaf}">
											<li><p:commandLink value="${item2.title}"
													action="#{appSessionBean.openPage}">
													<f:param name="PAGE_ID" value="${item2.pageId}" />
												</p:commandLink></li>
										</c:when>
										<c:otherwise>
											<li><p:commandLink value="${item2.title}" />
												<ul>
													<c:forEach items="${item2.menuItems}" var="item3">
														<li><p:commandLink value="${item3.title}"
																action="#{appSessionBean.openPage}">
																<f:param name="PAGE_ID" value="${item3.pageId}" />
															</p:commandLink></li>
													</c:forEach>
												</ul></li>
										</c:otherwise>
									</c:choose>
								</c:forEach>
							</ul></li>
					</c:otherwise>
				</c:choose>
			</c:forEach>
		</ul>
	</div>

	<p:ajaxStatus styleClass="transition-panel">
		<f:facet name="start">
			<p:graphicImage value="/resources/images/loading.gif" />
		</f:facet>

		<f:facet name="complete">
			<h:outputText value="" />
		</f:facet>
	</p:ajaxStatus>
</header>
</html>
